.a(active) {
    color: #ffffff;//white
}
.a(hover) {
    color: #ffffff;//white
}
.a(inactive) {
    color: #b0b0b0;//grey
}
.a(item) {
    background-color: white;
    color: #000000;//black
}
.a(item_hover) {
    background-color: whitesmoke;
    color: #000000;//black
    -webkit-box-shadow: rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
    -khtml-box-shadow: rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
    -moz-box-shadow: rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
    -o-box-shadow: rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
    box-shadow: rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
}
.a(@any) {
    display: block;
    font-size: 13px;
    line-height: 25px;
    outline: none;
    overflow: hidden;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    width: auto;
}
.li (z_index) {
    linewrap: nowrap;
    overflow: hidden;
    width: 150px;
    z-index: 9;
}
.li (inactive) {
    float: left;
}
.li(@any) {
    margin: 0 0 3px;
    padding: 0;
}

div#menu {
    font-family: Arial, Tahoma;
    padding: 3px;
    position: fixed;
    width: 100%;
    z-index: 10;
    a {
	.a(inactive);
        &:hover {
        	.a(hover);
    	}
    }
    hr {
        background-color: #2d2d2d;
        display: block;
        height: 2em;
        left: 0;
        margin: 0;
        position: fixed;
        top: 0;
        width: 100%;
    }
    li {
        position: relative;
        .li(inactive);
        a {
            .a(inactive);
        }
        &#active {
            .li(inactive);
            a {
                .a(active);
                &:hover {
                    .a(inactive);
                }
            }
            ul {
                a {
                    .a(item);
                    &:hover {
                        .a(item_hover);
                    }
                }
            }
        }
        &:hover {
            ul {
                display: block;
                left: auto;
            }
        }
    }
    ul {
        left: 0;
        list-style: none outside none;
        font-size: 13px;
        font-weight: bolder;
        margin: 0;
        //max-width: 
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        ul {
            background-color: #ffffff;
            //border: 2px solid black;
            display: none;
            list-style: none outside none;
            line-height: 25px;
            margin: 0;
            padding: 0;
            position: relative;
            width: 100%;
            li {
                color: black;
                .li(z_index);
                float: left;
                clear: both;
                a {
                    .a(item);
                    &:hover {
                        .a(item_hover);
                    }
                }
            }
        }
    }
}